<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- <link rel="shortcut icon" href="img/logo.ico" /> -->
		<title>交易记录</title>
    <link href="plugin/date/date.css" rel="stylesheet">
		<link href="bootstrap/css/bootstrap3.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/nav.css" />
  </head>
  <body>
    <!--导航-->
    <nav class="navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
		          	<a class="navbar-brand" href=""><img src="images/admin_logo.png" alt=""></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
          <ul class="nav navbar-nav" id="nav">

          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">欢迎您：<span id="uname"></span><span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="change_pass.html">修改密码</a></li>
                <li><a id="loginOut" href="#">退出登陆</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="container-fluid">
			<div class="row bcert-box">
        <ol class="breadcrumb">
          <li><a href="javascript:;">主页</a></li>
          <li>财务管理</li>
          <li class="active">交易记录</li>
        </ol>

        <form class="form-inline searchForm" id="excleBtn">
          <div class="form-group">
            <span class="theme-title">交易类型:</span>
            <select class="form-control drop-down" name='operationType' id="operationType">
              <option value="">全部</option>
              <option value="recharge">充值</option>
              <option value="withdraw_deposit">提现</option>
            </select>
          </div>
          <div class="form-group">
              <input type="text" class="form-control" style="padding-left:12px;" name="userId" id="userId" placeholder="用户id">
          </div>
          <!-- <div class="form-group">
              <input type="text" class="form-control" style="padding-left:12px;" name="orderNo" id="orderNo" placeholder="订单编号">
          </div> -->
          <!-- <div class="form-group">
              <input type="text" class="form-control" style="padding-left:12px;" name="cbkMobile" id="cbkMobile" placeholder="转入人cbk手机号">
          </div> -->
          <div class="form-group">
              <input type="text" class="form-control" style="padding-left:12px;" name="startTime" title="错误"
               readonly="readonly"
               data-container="body"
               data-toggle="popover"
               data-placement="bottom"
               data-content="开始时间不能大于结束时间!"
               id="startTime" placeholder="开始时间">
          </div>
          <div class="form-group">
              <input type="text" class="form-control" style="padding-left:12px;" readonly="readonly" name="endTime" id="endTime" placeholder="结束时间">
          </div>
          <div class="form-group">
            <button type="button" class="btn btn-primary btn-success" id="Reset"></span>重置</button>
            <button type="button" class="btn btn-primary btn-default" id="QueryBtn" data-toggle="button" aria-pressed="false" autocomplete="off">查询</button>
            <!-- <button type="button" class="btn btn-primary btn-success" id="dlexcle"></span>&nbsp;导出excle</button> -->
          </div>
        </form>
        <div class="table">
          <table class="table table-bordered table-striped" id="dataList">

          </table>
        </div>
      </div>
      <!-- 分页 -->
        <nav aria-label="...">
          <div class="">
            <span id="pageNum">共&nbsp;<strong></strong>&nbsp;页&nbsp;/&nbsp;</span><span id="totalNum">&nbsp;<strong>0</strong>&nbsp;条数据</span>
          </div>
          <ul id="example"></ul>
        </nav>
    </div>
  <script src="js/jquery.min.js"></script>
  <script type="text/javascript" src="plugin/layer/layer.js"></script>
  <script type="text/javascript" src="js/cookie.js"></script>
  <script type="text/javascript" src="js/common.js"></script>
  <script type="text/javascript" src="js/ajax.js"></script>
  <script type="text/javascript" src="bootstrap/js/bootstrap.min.js" ></script>
  <script type="text/javascript" src="js/bootstrap-paginator.js"></script>
  <script type="text/javascript" src="plugin/date/date.js"></script>
  <script type="text/javascript" src="plugin/date/date.zh-CN.js"></script>
  <script type="text/javascript">
	var pageUrls = serverURL + '/queryWmMember';
	function tableList(){
		data = {
		  'member':$('#member').val(),
          'memberType':$('#memberType').val(),
		  'inviterId':$('#inviterId').val(),
          'memberState':$('#memberState').val(),
          'startTime':$('#startTime').val(),
          'endTime':$('#endTime').val(),
          'page': page,
          'pageSize': pagesize
		}
		data.page = 1
		ajax(
			pageUrls,
			data,
			pageNumList,
			'post',
			'json'
		)
	}
	$('#QueryBtn').click(function(){
		tableList()
	})
	$(document).ready(function() {
		tableList()
	});
	//数据渲染
	function OpendList(res){
	    var result = '';
		console.log(res)
	    $('#dataList').empty();
	    $('#dataList').append(
	      '<tr>' +
	      '<th>用户id</th>' +
	      '<th>用户名称</th>' +
	      '<th> 描述</th>' +
	      '<th>操作类型</th>' +
	      '<th>消费金额</th>' +
	      '<th>创建时间</th>' +
	      '</tr>'
	    );
	  }
</script>
</body>
</html>
